<template>
	<view @click="click()">
		<view class="address">
			<view style="display: flex;flex-direction: row;">
				<view style="margin: 10px;">
					<u-icon name="map" color="#666" size="25"></u-icon>
				</view>
				<view v-if="!address_list.length" style="line-height: 40px;color: red;font-size: 14px;"
				 @click="navto('page_mall/address/address')">
					请先添加收货地址！
				</view>
				<view v-else style="display: flex;flex-direction: row;justify-content: space-between;flex-grow: 1;">
					<view style="display: flex;flex-direction: column;">
						<view>
							<text style="font-size: 16px;color: #333">{{address.name}}</text>
							<text style="font-size: 13px;margin-left: 10px;">{{address.phone}}</text>
						 </view>
						<text class="u-line-1" style="font-size: 14px;color: #666;margin-top: 5px;;"> {{address.city_info[0]}} {{address.city_info[1]}} {{address.city_info[2]}} {{address.address}}</text>
					</view>
					<view style="margin: 10px;">
						<u-icon name="arrow-right" color="#666" size="18"></u-icon>
					</view>
				</view>
			</view>
			<image src="https://file.moxikeji.net/images/mp/images/line_2.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
			name:"order_address",
			data() {
				return {
	
					value:""
				};
			},props:{
				 set:{
					type:Object,
				 	default(){
						return {
							type:1,
							app_color:"red"
						}
					}
				 },
				 address:{
					type:Object|Array,
				 	default(){
						return {
						
						}
					}
				 },
				 address_list:{
					type:Array,
					default(){
						return []
					}
				}
				 	
			},created() {
				
			},methods:{
	click(){
		 this.$emit("click");
	}
			}
			
	}
</script>

<style>
	.address{display: flex;flex-direction: column;background: #fff;margin-bottom: 10px;}
	.address image{width: 100%;height: 3px;margin: 5px 0;}
</style>